/* Default Theme */
.Carousel3D_Default {
    width: 900px;
    margin: 100px auto 0;
    position: relative;
}
    /* Card List */
    .Carousel3D_Default ul {
        width: 500px;
        height: 188px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
        .Carousel3D_Default ul li {
            border: 2px solid #666;
            position: absolute;
            top: 0;
            left: 0;
        }
            .Carousel3D_Default ul li a.CityBankCard:link,
            .Carousel3D_Default ul li a.CityBankCard:visited {
                display: block;
                width: 100%;
            }
            .Carousel3D_Default ul li a.CityBankCard img {
                display: block;
            }
    /* Controller: NEXT/PREV */
    .Carousel3D_Default .Carousel3DController {
        width: 900px;
        overflow: hidden;
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 0;
    }
        .Carousel3D_Default .Carousel3DController a:link,
        .Carousel3D_Default .Carousel3DController a:visited {
            display: block;
            width: 23px;
            height: 0px;
            overflow: hidden;
            padding: 47px 0 0;
        }
        .Carousel3D_Default .Carousel3DController a.Prev {
            background: url(../images/arrow-p.png) no-repeat left top;
            float: left;
        }
        .Carousel3D_Default .Carousel3DController a.Next {
            background: url(../images/arrow-n.png) no-repeat left top;
            float: right;
        }
    /* Loading Container */
    .Carousel3D_Default div.LoadingContainer {
        background: url(../images/loading0.gif) no-repeat center 65px;
    }
        .Carousel3D_Default div.LoadingContainer p {
            text-align: center;
            font-size: 1.6em;
            font-weight: bolder;
            color: #000;
            padding: 100px 0 0;
        }
/* End.Default Theme */

/* User's theme */
.Carousel3D_Theme_Simple {
    width: 900px;
    margin: 100px auto 0;
    position: relative;
}
    /* Card List */
    .Carousel3D_Theme_Simple ul.Cardlist {
        width: 460px;
        height: 188px;
        margin: 0 auto;
        position: relative;
        background: #fff;
        z-index: 1;
    }
        .Carousel3D_Theme_Simple ul.Cardlist li {
            xborder: 2px solid #ccc;
        }
            .Carousel3D_Theme_Simple ul.Cardlist li a.CityBankCard:link,
            .Carousel3D_Theme_Simple ul.Cardlist li a.CityBankCard:visited {
                display: block;
                width: 100%;
            }
            .Carousel3D_Theme_Simple ul.Cardlist li a.CityBankCard img {
                display: block;
            }
    /* Controller: NEXT/PREV */
    .Carousel3D_Theme_Simple .Carousel3DController {
        width: 900px;
        overflow: hidden;
        position: absolute;
        top: 70px;
        left: 0;
        z-index: 0;
    }
        .Carousel3D_Theme_Simple .Carousel3DController a:link,
        .Carousel3D_Theme_Simple .Carousel3DController a:visited {
            display: block;
            width: 23px;
            height: 0px;
            overflow: hidden;
            padding: 47px 0 0;
        }
        .Carousel3D_Theme_Simple .Carousel3DController a.Prev {
            background: url(../images/arrow-p.png) no-repeat left top;
            float: left;
        }
        .Carousel3D_Theme_Simple .Carousel3DController a.Next {
            background: url(../images/arrow-n.png) no-repeat left top;
            float: right;
        }
    /* Loading Container */
    .Carousel3D_Theme_Simple div.LoadingContainer {
        background: #fff url(../images/loading0.gif) no-repeat center 65px;
    }
        .Carousel3D_Theme_Simple div.LoadingContainer p {
            text-align: center;
            font-size: 1.6em;
            font-weight: bolder;
            color: #000;
            padding: 100px 0 0;
        }
